<ion-view view-title="手机号码重置">
    <ion-nav-buttons side="left">
        <back-button></back-button>
    </ion-nav-buttons>
    <ion-content ng-class="{'has-loading': isOffline}">
        <div ng-hide="status">
            <div class="row text-center Mt15">
                <div class="col-33 lineRightLight">
                    <p class="clr2">
                        手机验证
                    </p>
                    <i class="badge ytf-bg light Mt10">
                        1
                    </i>
                </div>
                <div class="col-33 lineDark">
                    <p>
                        身份核对
                    </p>
                    <i class="badge ytf-bgd light Mt10">
                        2
                    </i>
                </div>
                <div class="col-33 lineLeftDark">
                    <p>
                        完成
                    </p>
                    <i class="badge ytf-bgd light Mt10">
                        3
                    </i>
                </div>
            </div>
            <form name="mobile_form"
                  ng-submit="formEvents.next()"
                  novalidate>
                <div class="list yfs2 Mt10">
                    <div class="item item-input item-icon-right yitem yPr15">
                        <label class="input-label yfs2">
                            新手机号码
                        </label>
                        <input type="tel"
                               name="mobile"
                               placeholder="请输入新号码"
                               ng-pattern="/\d{11}/"
                               ng-maxlength="11"
                               ng-model="mobileNew.mobile"
                               required/>
                        <div class="icon">
                            <button type="button"
                                    class="button button-small btn yMr5"
                                    ng-disabled="mobile_form.mobile.$invalid || buttonState.checkState"
                                    ng-click="formEvents.getCode()">
                                <span class="light"
                                      ng-bind="buttonState.checkText"></span>
                            </button>
                        </div>

                    </div>
                    <div class="item item-input yitem">
                        <label class="input-label yfs2">
                            验证码
                        </label>
                        <input type="tel"
                               name="code"
                               placeholder="请输入短信验证码"
                               ng-pattern="/^\d{5,6}$/"
                               ng-model="mobileNew.vCode"
                               required/>
                        <a ng-show="mobileNew.vCode.length>0"
                           class="kClearEnter"
                           ng-click="mobileNew.vCode=null;"></a>
                    </div>
                </div>
                <div class="btnbox">
                    <button type="submit"
                            class="button btn button-full"
                            ng-disabled="mobile_form.$invalid">
                        <span class="fs1 light">
                            下一步
                        </span>
                    </button>
                </div>
            </form>
        </div>
        <div class="item item-icon-left item-text-wrap Mt15"
             ng-show="status">
            <div class="Mt15 Mb15">
                <i class="energized icon ion-information-circled"></i>
                <label ng-bind="subtext"></label>
            </div>
        </div>
    </ion-content>
</ion-view>

